@function getPx($num) {
  @return 750/414 * $num;
}
  
.homeHeader {
  width: 100%;
  .search {
    width: 100%;
    height: getPx(40px);
    display: flex;
    flex-direction: row;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 1;
    background-color: #fff;
    .ren {
      width: getPx(34px);
      height: getPx(34px);
      margin-left: getPx(10px);
      color: #666666;
    }
    .searchs {
      margin-left: getPx(12px);
      width: getPx(305px);
      height: getPx(30px);
      border-radius: getPx(30px);
      border: 1px solid #666666;
      display: flex;
      flex-direction: row;
      align-items: center;
      .sou {
        width: getPx(30px);
        height: getPx(16px);
        margin-left: getPx(17px);
      }
      span {
        margin-left: getPx(60px);
      }
    }
    .ling {
      margin-left: getPx(11px);
      width: getPx(30px);
      height: getPx(30px);
      color: #666666;
    }
  }
  .demo_swiper {
    width: 100%;
    height: getPx(158px);
    margin-top: getPx(40px);
    .swiper {
      width: 100%;
      height: 100%;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
  .zhishi {
    width: 100%;
    height: getPx(36px);
    border-bottom: 1px solid #666666;
    display: flex;
    align-items: center;
    span {
      margin-left: getPx(16px);
    }
  }
  .baodian {
    width: 100%;
    height: getPx(230px);
    display: flex;
    flex-direction: row;
    .bingli {
      width: 50%;
      height: 100%;
      border-right: 1px solid #666666;
      border-bottom: 1px solid #666666;
      .binglis {
        width: 100%;
        height: getPx(27px);
        display: flex;
        align-items: center;
        span {
          margin-left: getPx(10px);
        }
      }
      img {
        width: getPx(200px);
        height: getPx(187px);
      }
    }
    .yaopin {
      width: 50%;
      height: 100%;
      border-bottom: 1px solid #666666;
      .yaopins {
        width: 100%;
        height: getPx(27px);
        display: flex;
        align-items: center;
        span {
          margin-left: getPx(10px);
        }
      }
      img {
        width: getPx(200px);
        height: getPx(187px);
      }
    }
  }
  .zixun {
    width: 100%;
    height: getPx(36px);
    border-bottom: 1px solid #666666;
    display: flex;
    align-items: center;
    span {
      margin-left: getPx(16px);
    }
  }
  .home_list {
    width: 100%;
    height: getPx(218px);
    border-bottom: 1px solid #666666;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    .home_lists {
      width: 25%;
      height: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      img {
        width: getPx(74px);
        height: getPx(65px);
      }
    }
  }
  .jiankang {
    width: 100%;
    height: getPx(36px);
    border-bottom: 1px solid #666666;
    display: flex;
    align-items: center;
    span {
      margin-left: getPx(16px);
    }
  }
  .pingce {
    width: 100%;
    height: getPx(185px);
    img {
      width: 100%;
      height: 100%;
    }
  }
  .zi_xun {
    width: 100%;
    height: getPx(36px);
    border-bottom: 1px solid #666666;
    display: flex;
    align-items: center;
    span {
      margin-left: getPx(16px);
    }
  }
  .yaowen {
    width: 100%;
    height: getPx(49px);
    border-bottom: 1px solid #666666;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    .tabss{
      width: 100%;
      display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    }
  }
  .nv_da {
    width: 100%;
    height: getPx(137px);
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #666666;
    .nv_zuo {
      width: 48%;
      height: 100%;
      img {
        width: getPx(153px);
        height: getPx(100px);
        padding: getPx(17px) getPx(17px);
      }
    }
    .nv_you {
      width: 52%;
      height: 100%;
      .you_xia {
        margin-top: getPx(50px);
        span {
          font-size: getPx(12px);
        }
        .span_shi {
          margin-left: getPx(60px);
        }
      }
    }
  }
  .zao_da {
    width: 100%;
    height: getPx(191px);
    border-bottom: 1px solid #666666;
    .zao_shang {
      width: 100%;
      height: getPx(47px);
      display: flex;
      align-items: center;
    }
    .zao_zhong {
      width: 100%;
      height: getPx(112px);
      display: flex;
      flex-direction: row;
      img {
        width: getPx(133px);
        height: getPx(114px);
        margin-left: getPx(5px);
      }
    }
    .zao_xia {
      width: 100%;
      height: getPx(32px);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      span {
        font-size: getPx(12px);
        padding: 0 getPx(9px);
      }
    }
  }
  .nv_da {
    width: 100%;
    height: getPx(137px);
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #666666;
    .nv_zuo {
      width: 48%;
      height: 100%;
      img {
        width: getPx(153px);
        height: getPx(100px);
        padding: getPx(17px) getPx(17px);
      }
    }
    .nv_you {
      width: 52%;
      height: 100%;
      .you_xia {
        margin-top: getPx(50px);
        span {
          font-size: getPx(12px);
        }
        .span_shiis {
          margin-left: getPx(90px);
        }
      }
    }
  }
  .you_da {
    width: 100%;
    height: getPx(60px);
    border-bottom: 1px solid #666666;
    .you_shang {
      width: 100%;
      height: getPx(30px);
      display: flex;
      align-items: center;
      span {
        margin-left: getPx(12px);
      }
    }
    .you_xia {
      width: 100%;
      height: getPx(30px);
      display: flex;
      align-items: center;
      .s1 {
        margin-left: getPx(12px);
        font-size: getPx(12px);
      }
      .s2 {
        margin-left: getPx(280px);
        font-size: getPx(12px);
      }
    }
  }
  .xin_da {
    width: 100%;
    height: getPx(137px);
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #666666;
    .xin_zuo {
      width: 48%;
      height: 100%;
      img {
        width: getPx(153px);
        height: getPx(100px);
        padding: getPx(17px) getPx(17px);
      }
    }
    .xin_you {
      width: 52%;
      height: 100%;
      .you_xia {
        margin-top: getPx(50px);
        span {
          font-size: getPx(12px);
        }
        .span_shis {
          margin-left: getPx(30px);
        }
      }
    }
  }
  .chakan {
    width: 100%;
    height: getPx(80px);
    p {
      margin-left: getPx(350px);
    }
  }
}
